.carousel {
  width: 100%;
  height: 30%;
  position: relative;
}
.trest_borard {
  width: 100%;
  height: 100%;
}
.trest {
  width: 100%;
  height: 100%;
  background: yellow;
  display: none;
}
.trest11 {
  display: block;
}
.dot {
  position: absolute;
  bottom: 10px;
  width: 100px;
  height: 10px;
  margin-left: 49%;
}
.dot11 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
}
.dot22 {
  background: red;
}
.trest1 {
  background: url("../img/course-img03.jpg") no-repeat;
  background-size: 100% 100%;
}
.trest2 {
  background: url("../img/part3.png") no-repeat;
  background-size: 100% 100%;
}
.contentmana {
  overflow-y: scroll;
  width: 100%;
  min-height: 500px;
}
body {
  display: flex;
  flex-direction: column;
}
.rank_clockin {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 150px;
  margin-top: 40px;
}
.rank {
  width: 38%;
  height: 150px;
  border-radius: 12px;
  background: url("../img/index-card-rank.png") no-repeat blue 10% 48%;
  background-size: 96% 90%;
}
.clockin {
  width: 46%;
  height: 150px;
  border-radius: 12px;
  background: url("../img/index-card-sum.png") no-repeat skyblue 18% 76%;
  background-size: 62% 70%;
}
.movementdata_emblem {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 130px;
  margin-top: 40px;
}
.movementdata {
  width: 38%;
  height: 130px;
  border-radius: 12px;
  background: url("../img/part4.png") no-repeat;
  background-size: 101% 101%;
}
.emblem {
  width: 46%;
  height: 130px;
  border-radius: 12px;
  background: url("../img/index-card-badge.png") no-repeat skyblue 18% 76%;
  background-size: 62% 70%;
}
.trainingcourse {
  width: 100%;
  height: 130px;
  margin-top: 40px;
  background: url("../img/course-img04.jpg") no-repeat;
  background-size: 100% 100%;
}
.outdoor_running {
  width: 100%;
  height: 130px;
  margin-top: 40px;
  background: url("../img/course-img02.png") no-repeat;
  background-size: 100% 100%;
}
.footers {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100px;
  background: yellow;
}
